<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Simple CSS for buttons.">
    <title >学生功能选择页面</title>
    <style type="text/css">
        .pure-button {
            display: inline-block;
            zoom: 1;
            line-height: normal;
            white-space: nowrap;
            vertical-align: middle;
            text-align: center;
            cursor: pointer;
            -webkit-user-drag: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .pure-button::-moz-focus-inner {
            padding: 0;
            border: 0;
        }

        .pure-button-group {
            letter-spacing: -.31em;
            text-rendering: optimizespeed;
        }

        .opera-only :-o-prefocus,.pure-button-group {
            word-spacing: -.43em;
        }

        .pure-button-group .pure-button {
            letter-spacing: normal;
            word-spacing: normal;
            vertical-align: top;
            text-rendering: auto;
        }

        .pure-button {
            font-family: inherit;
            font-size: 100%;
            padding: .5em 1em;
            color: #444;
            color: rgba(0,0,0,.8);
            border: 1px solid #999;
            border: none transparent;
            background-color: #e6e6e6;
            text-decoration: none;
            border-radius: 2px;
        }

        .pure-button-hover,.pure-button:focus,.pure-button:hover {
            background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));
            background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
            background-image: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
        }

        .pure-button:focus {
            outline: 0;
        }

        .pure-button-active,.pure-button:active {
            -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;
            box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;
            border-color: #000;
        }
        .pure-button-disabled,.pure-button-disabled:active,.pure-button-disabled:focus,.pure-button-disabled:hover,.pure-button[disabled] {
            border: none;
            background-image: none;
            opacity: .4;
            cursor: not-allowed;
            -webkit-box-shadow: none;
            box-shadow: none;
            pointer-events: none;
        }
        .pure-button-hidden {
            display: none;
        }

        .pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected {
            background-color: #0078e7;
            color: #fff;
        }

        .pure-button-group .pure-button {
            margin: 0;
            border-radius: 0;
            border-right: 1px solid #111;
            border-right: 1px solid rgba(0,0,0,.2);
        }
        .pure-button-group .pure-button:first-child {
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px;
        }
        .pure-button-group .pure-button:last-child {
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px;
            border-right: none;
        }
    </style>
</head>
<body>

<div id="main">

    <div class="header" style="margin-left: 600px">
        <h2  style="color: cadetblue">选择功能界面</h2>
    </div>

    <div class="content">

        <style scoped>

            .button-success,
            .button-error,
            .button-warning,
            .button-secondary {
                color: white;
                border-radius: 4px;
                text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
            }

            .button-success {
                background: rgb(28, 184, 65); /* this is a green */
                width: 300px;
                height: 130px;
            }

            .button-error {
                background: rgb(202, 60, 60); /* this is a maroon */
                width: 300px;
                height: 130px;
            }

            .button-warning {
                background: rgb(223, 117, 20); /* this is an orange */
            }

            .button-secondary {
                background: rgb(66, 184, 221); /* this is a light blue */
            }

        </style>
       <form action="/stu/teacher" method="post">
        <div style="margin-left: 500px">
            <div style="margin-top: 100px">
                <button  type="submit" class="button-success pure-button">查看咨询师列表</button>
            </div>
        </div>
       </form>
        <br><br><br><br>

    <form action="/stu/insert" method="post">
        <div style="margin-left: 500px">
            <button   type="submit" class="button-error pure-button">插入学生咨询信息</button>
        </div>
    </form>
    </div>

</div>
</body>
</html>
